<meta charset="utf-8" name="viewport" content="width=divice-width" />
<style>
*{
margin:0px;
padding:0px;
}
body{
margin:30px;
}
.box{
border:1px #333333 solid;
width:230px;
box-sizing:border-box;
}
h2{
padding-left:10px;
height:43px;
line-height:43px;
font-size:16px;
border-bottom:2px #999 dotted;
color:#666;
font-weight:normal;
background: linear-gradient(to bottom,#CCCCFF,#FFFFFF);
}
ul {
list-style:none;
padding-top:5px;
padding-bottom:5px;
}
ul li{
line-height:26px;
padding-left:10px;
padding-right:10px;
}
li a{
font-size:12px;
color:#666;
text-decoration:none;
}
li a span{
font-weight:bold;
}
li a:link {
color:#666;
}
li a:hover {
color:red
}
li a:active {
color:green;
}
li a:visited {
color:blue;
}
</style>
<body>
<div class="box">
    <h2>京东快报</h2>
    <ul>
        <li><a href="11"><span>[特惠]</span>海飞丝去屑又去油 超清爽</a></li>
        <li><a href="11"><span>[公告]</span>京东公益支持鲁甸新动作</a></li>
        <li><a href="11"><span>[特惠]</span>4688元抢iPhone 6</a></li>
        <li><a href="11"><span>[公告]</span>小米电视携豪礼高调入驻京东</a></li>
    </ul>
</div>
</body>